<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传分享</title>
    <link rel="stylesheet" href="">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
</head>
<body>
    <!--fixed remove-->
    <section class="fixed" style="z-index:999;width: 100%;height: 100%;background-color: #000;position: fixed;left: 0;top: 0;"></section>
    <!--上传分享-->
    <div class="upload_page page_item">
        <div class="header clearfix">
            <div class="c_left">
                <img src="img/avator.jpg" alt="">
            </div>
            <div class="c_right">
                <p class="title">绮童堡</p>
                <p class="desc">
                    <span>本月积分:<em>300</em></span><span>累积积分:<em>5000</em></span></p>
            </div>
            <span class="upload_record">上传记录></span>
        </div>
        <!--选择图片-->
        <div class="wrap_box dno">
            <span class="select_btn"></span>
        </div>
        <div class="pic_box clearfix">
            <div id="showlist">
                <div class="pic_sub"><img src="img/avator.jpg"></div>
                <div class="pic_sub"><img src="img/avator.jpg"></div>
                <div class="pic_sub"><img src="img/avator.jpg"></div>
                <div class="pic_sub"><img src="img/avator.jpg"></div>
                <div class="pic_sub"><img src="img/avator.jpg"></div>
                <div class="pic_sub"><img src="img/avator.jpg"></div>
                <div class="pic_sub"><img src="img/avator.jpg"></div>
                <div class="pic_sub"><img src="img/avator.jpg"></div>
                <div class="pic_sub addPic"></div>
            </div>
        </div>
        <div class="checkbox">
            <label for="zf" class="ordinary"><input type="radio" name="pic_option" id="zf">转发</label>
            <label for="yc" class="ordinary"><input type="radio" name="pic_option" id="yc">原创</label>
            <label for="qfx" class="ordinary"><input type="radio" name="pic_option" id="qfx">群分享</label>
            <label for="wbfx" class="ordinary ordinary_focus"><input type="radio" name="pic_option" id="wbfx">微博分享</label>
        </div>
        <span class="tj_btn">提交</span>
        <p class="tips">上传图片会在上传成功5个工作日内审核</p>
        <!--add pops-->
        <div class="loading_page">
            <span class="loading_pic">
                <img src="img/loading-1.gif">
            </span>
        </div>
        <!--add pops-->
    </div>
</body>
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/common.js"></script>
<script>
    $(window).load(function () {
        touchEvent();

        function touchEvent(){
            $('body').on('touchmove', function (event) {
                event.preventDefault();
            });
        }
        $('input[name="pic_option"]').on('click',function(){
            $(this).parents('.checkbox').find('.ordinary').removeClass('ordinary_focus');
            $(this).parent().addClass('ordinary_focus')
        });
    });
</script>
</html>